Page({
  data: {
    dialogVisible: false,
    list: [],
    id: '', // 即将删除的item的id
  },

  // async onLoad() {
  //   const res = await wx.http.get('/room') // 401
  //   console.log(res)
  // },
  onShow() {
    this.getList()
  },

  async getList() {
    const res = await wx.http.get('/room') // 401
    // console.log(res)
    if (res.code !== 10000) wx.utils.toast()

    this.setData({ list: res.data })
  },

  swipeClose(ev) {
    console.log(ev)
    const { position, instance } = ev.detail

    if (position === 'right') {
      // 用户点击了右边 => 删除 => 二次确认(弹窗)
      // 显示 Dialog 对话框
      this.setData({
        dialogVisible: true,
        id: ev.mark.id, // 在点击滑动删除时 我是知道点了谁的 记录下来 一会我要用
      })

      // swiper-cell 滑块关闭
      // instance => 当前组件实例 => 就可以调用组件身上的方法(this.$refs.form.validate) => close 关闭滑块
      instance.close()
    }
  },

  async dialogClose(ev) {
    // console.log('点击了确定/取消', ev)
    if (ev.detail === 'confirm') {
      console.log('点击了确认, 确定删除...', this.data.id)

      const res = await wx.http.delete('/room/' + this.data.id)
      if (res.code !== 10000) return wx.utils.toast('删除失败')
      this.getList()

      // post    /room
      // get     /room
      // put     /room
      // delete  /room
      // 后端接口的风格 => restfulAPI
    }
  },

  goDetail(ev) {
    // ev.mark.id
    wx.navigateTo({
      url: '/house_pkg/pages/detail/index?id=' + ev.mark.id,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
